	$coloctext: #5D6164;
	$themecolor: #31BC8D;
	.purchase-order-list {
	    width: 100%;
	    box-sizing: border-box;
		margin-bottom: 10px;
		li{
			padding: 16px;
			background-color: #fff;
			border-radius:8px;
			.order-code{
				color: #344047;
				font-size: 16px;
				margin-bottom: 16px;
			}
			.order-content{
				display: flex;
				.order-img {
					width: 80px;
					height: 80px;
					img{
						width: 100%;
						height: 100%;
						border-radius:8px;
					}
				}
				.order-text {
					flex: 1;
					padding-left: 12px;
					.pro-name{
						color: #344047;
						font-size: 16px;
						margin-bottom: 6px;
					}
					.pro-address{
						display: flex;
						justify-content: space-between;
						color: #969C9E;
						font-size: 12px;
						margin-bottom: 4px;
					}
					.pro-weight{
						display: flex;
						justify-content: space-between;
						color: #969C9E;
						font-size: 12px;
						margin-bottom: 8px;
					}
					.pro-price{
						display: flex;
						justify-content: flex-end;
						margin-bottom: 14px;
						.pro-c{
							color: #969C9E;
							font-size: 12px;
							
							i{
								color: #F58523;
								font-size: 16px;
								margin-right: 7px;
								font-weight: 500;
							}
						}
					}
					.pro-dete{
						display: flex;
						justify-content: flex-end;
						span{
							font-size: 12px;
							color: #969C9E;
							i{
								color: #31BC8D;
							}
						}
					}
				}				
				
			}
			.pro-price-box{
				width: 100%;
				height: 44px;
				line-height: 44px;
				display: flex;
				justify-content: space-between;
				border-bottom: 1px solid #f2f2f2;
				span{
					color: #344047;
				}
			}
			.pro-btn{
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				.order-status-btn{
					width: 88px;
					height: 34px;
					line-height: 34px;
					color: #fff;
					float: right;
					margin-top: 12px;
				}
			}
		}
	}
	.calculation-box{
		background-color: #fff;
		li{
			width: 100%;
			height: 46px;
			line-height: 46px;
			border-bottom: 1px solid #f2f2f2;
			padding: 0 21px 0 16px;
			.list-box{
				position: relative;
				.left{
					color: $coloctext;
				}
				.right{
					color: $coloctext;
					position: absolute;
					left: 104px;
				}
				.price{
					color: $themecolor;
				}
				.totalprice{
					color: #344047;
					font-size: 16px;
					i{
						color: $themecolor;
					}
				}
			}
			.price-box{
				display: flex;
				justify-content: space-between;
				.left{
					font-size: 16px;
					color: #344047;
				}
			}
		}
	}